<template>
  <div>
    <strong>商品管理-商品概览</strong>
    <el-row class="mgtb30">
      <el-button type="warning" @click="showDrawer">抽屉式展开</el-button>
    </el-row>
    <base-drawer
      :drawerId="drawerId"
      title="这是一个抽屉的名字呀"
      @drawerClose="hideDrawer">
      <ul>
        <li v-for="i in 50" :key="i">
          {{i}}、这是一个抽屉的内容呀~
        </li>
      </ul>
    </base-drawer>
  </div>
</template>

<script>
import mixins from '@/mixins';
export default {
  name: 'Overview',
  mixins: [mixins.drawer]
};
</script>

<style scoped>

</style>
